<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>复焕集 - 我的订单</title>
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="fontawesome/css/all.min.css">
<link rel="stylesheet" href="css/base.css" />
<link rel="stylesheet" href="css/order.css" />
</head>
<body>
	<!-- 导航栏 -->
	<div class="container-fluid fixed-top navbar-custom" id="top">
		<nav class="navbar navbar-expand-lg" role="navigation">
			<div class="container">
				<a href="index.jsp" class="navbar-brand navbar-b-custom font-logo">
						<img src="img/headLogo.png" alt="" id="headImage">
					</a>

				<!-- 搜索条 -->
				<form action="searchGoodsDo" method="get">
						<div class="d-flex position-absolute start-50 translate-middle-x serchBar">
							<input  name="searchName" type="text" class="form-control1 form-control-sm" id="searchBar" />
							<button class="btn btn-primary ms-2 serchBut" id="searchBtn">搜索</button>
						</div>
					</form>

				<!-- 右侧用户信息栏 -->
				<ul class="navbar-nav mb-2 mb-lg-0 align-items-center">
					<li class="nav-item d-flex align-items-center">
					<input type="hidden" class="userid" value=${sessionScope.logInUser.userid}>
					<img src=${sessionScope.logInUser.headimg} alt="用户头像"
						class="headimg align-self-center"></li>
					<li class="nav-item"><a href="mineInformation.jsp"
						class="nav-link navbar-a-custom">我的主页</a></li>
					<li class="nav-item"><a href="mychartingRecords.jsp"
						class="nav-link navbar-a-custom">消息</a></li>
					<li class="nav-item"><a href="order.jsp"
						class="nav-link navbar-a-custom">我的订单</a></li>
					<li class="nav-item"><a href="userLogOut" 
						class="nav-link navbar-a-custom">退出</a></li>
				</ul>
			</div>
		</nav>
	</div>

	<!-- 订单内容区 -->
	<div class="order-container">
		<div class="order-header">
			<h2>
				<i class="fas fa-receipt me-2"></i>我的订单
			</h2>
		</div>

		<div class="order-tabs">
			<div class="order-tab active">全部订单</div>
			<div class="order-tab">待付款</div>
			<div class="order-tab">待发货</div>
			<div class="order-tab">已完成</div>
			<div class="order-tab">已取消</div>
			<div class="order-tab">待收货</div>
		</div>

		<div class="order-list"></div>
	</div>
		<!-- 底部区 -->
		<footer class="container-fluid bottom p-3 mt-auto" id="footer">
			<div class="infoLeft mx-auto">
				<strong>复焕集 </strong>旧物也能焕然一新的二手市场。
			</div>
			<div class="container">
				<div class="d-flex flex-wrap justify-content-between">
					<ul class="footer-links mb-2 mb-lg-0 flex-grow-1 px-3 text-center">
						<strong>关于我们</strong>
						<li><a href="">公司介绍</a></li>
						<li><a href="">团队介绍</a></li>
						<li><a href="">媒体报道</a></li>
						<li><a href="">加入我们</a></li>
					</ul>
					<ul class="footer-links mb-2 mb-lg-0 flex-grow-1 px-3 text-center">
						<strong>帮助中心</strong>
						<li><a href="">新手入门</a></li>
						<li><a href="">交易流程</a></li>
						<li><a href="">常见问题</a></li>
						<li><a href="">安全指南</a></li>
					</ul>
					<ul class="footer-links mb-2 mb-lg-0 flex-grow-1 px-3 text-center">
						<strong>规则中心</strong>
						<li><a href="">用户协议</a></li>
						<li><a href="">隐私政策</a></li>
						<li><a href="">交易规则</a></li>
						<li><a href="">社区公约</a></li>
					</ul>
					<ul class="footer-links mb-2 mb-lg-0 flex-grow-1 px-3 text-center">
						<strong>联系我们</strong>
						<li><a href="">客服电话：400-114-514</a></li>
						<li><a href="">商务合作：bd@fuhuanji.com</a></li>
						<li><a href="">举报反馈：report@fuhuanji.com</a></li>
					</ul>
				</div>
			</div>
			<div class="copyright">© 2023 复焕集 All Rights Reserved.
				蜀ICP备1111111号</div>
		</footer>
		<script src="js/jquery.js"></script>
		<script src="bootstrap/js/bootstrap.min.js"></script>
		<script src="js/order.js"></script> 
 </body>
</html>